<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>云学习</title>
	</head>
	<body>
		<link href="../css/firstPageLayout.css" rel="stylesheet" type="text/css"/>
		<div class="head"><img src="../img/首页title.jpg" height="130px" width="600px">
		&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
		&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
		&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
		<img src="<%=request.getContextPath() %>/img/用户头像.jpg" height="100px" width="100px">
		<a href="<%=request.getContextPath() %>/jsp/login.jsp" target="_blank">登录</a>&emsp;
		<a href="../LoginControl/loginout" target="_blank">退出</a>&emsp;
		<a href="../" target="_blank">注册</a>
		</div>
		<div class="neck">&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
			<div class="mybutton"><a href="<%=request.getContextPath() %>/jsp/firstPage.jsp" style="color: #FFFFFF;text-decoration: none">首页</a></div>
			<div class="mybutton"><a href="<%=request.getContextPath() %>/jsp/courses_center.jsp" style="color: #FFFFFF;text-decoration: none " target="_blank">课程中心</a></div>
			&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
			&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
			&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
			&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
			<% 
			if(session.getAttribute("loginedsession")!=null){
				if(session.getAttribute("loginstatus_session").toString().equals("student")){
			%>
			<a href="../jsp/studentPersonal.jsp"
			style="text-decoration: none;" target="_blank"> <label><font
				color="black"><%=session.getAttribute("loginedsession")%></font></label></a>
			<%
				}
				else if(session.getAttribute("loginstatus_session").toString().equals("teacher")){
			%>
			<a href="../jsp/teacherPersonal.jsp"
			style="text-decoration: none;" target="_blank"> <label><font
				color="black"><%=session.getAttribute("loginedsession")%></font></label></a>
			<%
				}
				else if(session.getAttribute("loginstatus_session").toString().equals("admin")){
			%>
			<a href="../jsp/admin.jsp"
			style="text-decoration: none;" target="_blank"> <label><font
				color="black"><%=session.getAttribute("loginedsession")%></font></label></a>
			<%		
				}
			}
			%>
			</div>	
     <div class="body">
		<div class="panel">
			<div class="carousel">
				<div class="btn btn-back hidden">
					<i class="fas fa-arrow-left"></i> <i
						class="fas fa-chevron-left left-indicator"></i>
				</div>
				<div class="viewbox">
					<div class="track">
						<div class="slide active">
							<img class="images" src="../img/滚动图片1.png"
								height="150px" width="1500px" />
						</div>
						<div class="slide">
							<img class="images" src="../img/滚动图片2.jpg"
								height="150px" width="1500px" />
						</div>
						<div class="slide">
							<img class="images" src="../img/滚动图片3.jpg"
								height="150px" width="1500px" />
						</div>
						<div class="slide">
							<img class="images" src="../img/滚动图片1.png"
								height="150px" width="1500px" />
						</div>
						<div class="slide active">
							<img class="images" src="../img/滚动图片2.jpg"
								height="150px" width="1500px" />
						</div>
						<div class="slide">
							<img class="images" src="../img/滚动图片3.jpg"
								height="150px" width="1500px" />
						</div>
						<div class="slide">
							<img class="images" src="../img/滚动图片1.png"
								height="150px" width="1500px" />
						</div>
						<div class="slide">
							<img class="images" src="img/滚动图片2.jpg"
								height="150px" width="1500px" />
						</div>
					</div>
				</div>
				<div class="btn btn-next">
					<i class="fas fa-arrow-right"></i> <i
						class="fas fa-chevron-right right-indicator"></i>
				</div>
				<div class="nav-indicator">
					<div class="dot active"></div>
					<div class="dot"></div>
					<div class="dot"></div>
					<div class="dot"></div>
					<div class="dot"></div>
					<div class="dot"></div>
					<div class="dot"></div>
					<div class="dot"></div>
				</div>
			</div>
			<script src='../js/TimelineMax.min.js'></script>
			<script src='../js/TweenMax.min.js'></script>
			<script src="../js/script.js"></script>
		</div>
	</div>
	<br><hr style="border: 1px solid black;" />
	<div class="foot">
		<center>
			<font color="black">Made by Aaron</font>
		</center>
	</div>
	</body>
</html>
